<template>
	<!-- 社区详情 -->
	<view class="communitydetails">
		<view class="nav">
			<van-nav-bar title="社区详情" custom-style="background-color: #ff6358;padding-top:0px;"
				style="background-color: #ff6358;color: #fff;" title-class="color: #fff;" left-arrow
				@click-left="onClickLeft" />
		</view>
		
		<van-cell-group inset>
			<view class="box_content">
				<!-- 动态数据 -->
				<view style="display: inline-block;width: 50%;">
					<view style="color: #eb655c;">新怡圆社区</view>
					<view>
						<van-icon name="phone-o" />
						<text style="font-size: 0.7rem;color: #66c14b;">拨打电话</text>
					</view>
				</view>
				<view style="display: inline-block;text-align: right;width: 50%;height: 100%;">
					<view style="width: 30%;height: 50%;">
						<img :src="map">
					</view>
					<view style="color: #eb655c;">
						导航
					</view>
				</view>
			</view>
		</van-cell-group>
	</view>
</template>

<script>
	import map from '@/static/iconfont/map.png'
	export default{
		components:{
			
		},
		data(){
			return {
				map:map
			}
		},
		methods:{
			
		},
		computed:{
			
		},
		mounted(){
			
		},
		created(){
			
		},
	}

</script>

<style lang='less' scoped>
.communitydetails{
	height: 100vh;
	background: #f5f2f5;
	/deep/ .van-cell-group{
		margin: 2%;
		background: #fff;
	}
	::v-deep .van-cell-group:first-child{
		/* margin: 2%; */
		height: 5rem;
		line-height: 1.7rem;
		/* background: red; */
	}
}
.box_content{
	padding: 4%;
}
.nav{
	::v-deep .van-nav-bar{
		padding-top: 0 !important;
		background: #fd6458;
	}
	::v-deep .van-icon {
		color: white !important;
	}
	::v-deep .van-nav-bar__title {
		color: white !important;
	}
}
</style>
